<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://d3js.org/d3.v3.min.js"></script>
</head>
<body>
<p>
This is First
</p>
<p>
This is Second
</p>
<p>
This is Third
</p>

<script>
    var canvas = d3.select("body")
                  .append("svg")
                  .attr("width",500)
                  .attr("height",500);

    var v1 = d3.selectAll("p")
    console.log(v1)
    var bar1= canvas.selectAll("rect")
                .data([20,40,60,80])
                .enter()
                    .append("rect")
                    .attr("width",function(d) { return d * 4})
                    .attr("height",50)
                    .attr("y",function(d) { return d * 5})



</script>

</body>
</html>